<template>
  <div>
    <!-- 
      在浏览器上获取水平坐标和垂直坐标  pageX  pageY
      event的数据类型  是  MouseEvent

     -->

     <h1>x的坐标{{ x }}</h1>
     <h1>y的坐标{{ y }}</h1>

  </div>
</template>

<script lang="ts">
import { defineComponent,} from 'vue';
import useGetMousePosition from "./hooks/useGetMousePosition"

export default defineComponent({
  setup () {
    console.log(useGetMousePosition());
    const {x,y}=useGetMousePosition()
    

    return {
      x,
      y
    }
  }
})
</script>

<style scoped>

</style>